﻿<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta name="keywords" content="颜色，配置颜色，配色工具,配色表,网页配色,色彩搭配,网页设计,常用色彩搭配" />
		<meta name="description" content="色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。将网页设计中常见的色彩搭配按照色相的顺序归类。搭配起来就会得到千变万化的感觉。" />
		<title>配色工具-拼图工具-拼图前端框架</title>
		<link href="../pintuer.css" rel="stylesheet" type="text/css" />
		<link href="../style.css" rel="stylesheet" type="text/css" />
		<script src="../jquery.js"></script>
		<script src="../pintuer.js"></script>
		<script src="../plugins/respond.js"></script>
		<link type="image/x-icon" href="../favicon.ico" rel="shortcut icon" />
		<link href="../favicon.ico" rel="bookmark icon" />
		<style>
		.demo-nav.fixed.fixed-top{z-index: 8;background: #fff;width: 100%;padding: 0;border-bottom: solid 3px #0a8;-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);box-shadow: 0 3px 6px rgba(0, 0, 0, .175);}
		h2,h3{margin-bottom: 1em;padding: .2em .4em;border-bottom: 3px solid #FFAA3E;background: #fff;color: #FFAA3E;}
		.hove{border: 1px solid #0a8;cursor: crosshair;}
		blockquote{margin: 1em;border-color: #009F95;}
		.section,.sub-section,.groups{clear: both}
		.section{overflow: hidden;margin: 5em 0}
		.sub-section{overflow: hidden;margin-bottom: 3em}
		.group{float: left;margin: 0 15px;width: 198px;height: 85px;_display: inline}
		.group span{float: left;margin: 1px;width: 60px;height: 60px;text-align: center}
		.group input{display: block;margin-top: 64px;background: #fff;font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;border: none 0;font-size: 14px;width: 100%;text-align: center}
		</style>
	</head>

	<body>
		<!--顶部-->
		<div class="layout bg-main bg-inverse fixed" style="z-index: 9;">
			<div class="container">
				<div class="navbar">
					<div class="navbar-head">
						<button class="button bg-white icon-navicon" data-target="#respond"></button>
						<a href="../index.html"><img src="images/30-white.png" /> <strong class="text-big">拼图 - 工具</strong></a>
					</div>
					<div class="navbar-body nav-navicon" id="respond">
						<ul class="nav nav-inline nav-menu navbar-right">
							<li>
								<a target="_blank" href="../javascript:void(0)">演示</a>
								<ul class="drop-menu">
									<li><a href="../index.html">起步</a> </li>
									<li><a href="../css.html">CSS</a> </li>
									<li><a href="../widgets.html">元件</a> </li>
									<li><a href="../javascript.html">JS组件</a> </li>
									<li><a href="../react.html">常用</a></li>
								</ul>
							</li>
							<li>
								<a class="bg-green" target="_blank" href="index.html">工具</a>
								<ul class="drop-menu">
									<li><a target="_blank" href="test.html">响应式测试工具</a></li>
									<li><a target="_blank" href="form.html">表单设计生成</a></li>
									<li><a target="_blank" href="animation.html">CSS3动画生成</a></li>
									<li><a target="_blank" href="viewcode.html">代码预览工具</a></li>
									<li><a target="_blank" href="color.html">自定义颜色生成</a></li>
									<li><a target="_blank" href="setcolor.html">配色工具</a></li>
									<li><a target="_blank" href="popo.html">气泡框生成</a></li>
								</ul>
							</li>
							<li>
								<a class="bg-blue" target="_blank" href="../javascript:void(0)">加群</a>
							</li>
							<li><a class="bg-yellow" target="_blank" href="../start.html">拼图使用文档</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<br />
		<div class="line">
			<div class="x10">
				&nbsp;&nbsp;&nbsp;由作者<a class="text-dot" href="../http://www.dahuotu.com">大火兔</a>友情提供
				<div class="alert-yellow margin padding">
					将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。
				</div>
				<br />
				<!--内容-->
				<div class="panel margin">
					<div class="panel-body">
						<div class="alert alert-blue">
							将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。
						</div>
						<div class="sub-section margin-top" id="hue_0">
							<h3>红色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#FF9999"><input type="text" value="#FF9999" onmouseover="this.focus();this.select()"></span><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF66"><input type="text" value="#FFFF66" onmouseover="this.focus();this.select()"></span><span style="background:#99CC66"><input type="text" value="#99CC66" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#CC3333"><input type="text" value="#CC3333" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span><span style="background:#0066CC"><input type="text" value="#0066CC" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#CC0033"><input type="text" value="#CC0033" onmouseover="this.focus();this.select()"></span><span style="background:#333333"><input type="text" value="#333333" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#336633"><input type="text" value="#336633" onmouseover="this.focus();this.select()"></span><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span><span style="background:#003300"><input type="text" value="#003300" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#FF0033"><input type="text" value="#FF0033" onmouseover="this.focus();this.select()"></span><span style="background:#333399"><input type="text" value="#333399" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#CC0033"><input type="text" value="#CC0033" onmouseover="this.focus();this.select()"></span><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span><span style="background:#99CC00"><input type="text" value="#99CC00" onmouseover="this.focus();this.select()"></span><span style="background:#CC0033"><input type="text" value="#CC0033" onmouseover="this.focus();this.select()"></span></div>
								<div class="group"><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span><span style="background:#333300"><input type="text" value="#333300" onmouseover="this.focus();this.select()"></span></div>
							</div>
						</div>
						<div class="sub-section" id="hue_1">
							<h3>橙色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																	<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																	<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9933">
																	<input type="text" value="#CC9933" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996600"><input type="text" value="#996600" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CC9933"><input type="text" value="#CC9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336666">
																	<input type="text" value="#336666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#0099CC">
																	<input type="text" value="#0099CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC00">
																	<input type="text" value="#FFCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC6699">
																	<input type="text" value="#CC6699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#3366CC">
																	<input type="text" value="#3366CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#009966">
																	<input type="text" value="#009966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF6600"><input type="text" value="#FF6600" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF66"><input type="text" value="#FFFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#009966">
																	<input type="text" value="#009966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9900">
																	<input type="text" value="#FF9900" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#996600"><input type="text" value="#996600" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6600"><input type="text" value="#CC6600" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC33">
																	<input type="text" value="#CCCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6600"><input type="text" value="#CC6600" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#999966">
																	<input type="text" value="#999966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663300"><input type="text" value="#663300" onmouseover="this.focus();this.select()"></span><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF66">
																	<input type="text" value="#FFFF66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_2">
							<h3>黄色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFF33"><input type="text" value="#FFFF33" onmouseover="this.focus();this.select()"></span><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#9933FF">
																	<input type="text" value="#9933FF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF33">
																	<input type="text" value="#FFFF33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC00"><input type="text" value="#FFCC00" onmouseover="this.focus();this.select()"></span><span style="background:#66CC00"><input type="text" value="#66CC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF99">
																	<input type="text" value="#FFFF99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#0099CC">
																	<input type="text" value="#0099CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC00"><input type="text" value="#FFCC00" onmouseover="this.focus();this.select()"></span><span style="background:#0000CC"><input type="text" value="#0000CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF99">
																	<input type="text" value="#FFFF99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#6666CC">
																	<input type="text" value="#6666CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span><span style="background:#666600"><input type="text" value="#666600" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF66">
																	<input type="text" value="#FFFF66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																	<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#999966">
																	<input type="text" value="#999966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF66">
																	<input type="text" value="#FFFF66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF00">
																	<input type="text" value="#FFFF00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span><span style="background:#99CC99"><input type="text" value="#99CC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666600">
																	<input type="text" value="#666600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#333300"><input type="text" value="#333300" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#663300"><input type="text" value="#663300" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC66">
																	<input type="text" value="#CCCC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_3">
							<h3>黄绿色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#33CC33"><input type="text" value="#33CC33" onmouseover="this.focus();this.select()"></span><span style="background:#6666CC"><input type="text" value="#6666CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFFF">
																	<input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFCC">
																	<input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFFF">
																	<input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#00CC00"><input type="text" value="#00CC00" onmouseover="this.focus();this.select()"></span><span style="background:#0066CC"><input type="text" value="#0066CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCCC">
																	<input type="text" value="#99CCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC00">
																	<input type="text" value="#FFCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663300">
																	<input type="text" value="#663300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#993399"><input type="text" value="#993399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6600"><input type="text" value="#CC6600" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC33">
																	<input type="text" value="#CCCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9933"><input type="text" value="#CC9933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																	<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663300">
																	<input type="text" value="#663300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6600"><input type="text" value="#CC6600" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666600"><input type="text" value="#666600" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFCC">
																	<input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333366"><input type="text" value="#333366" onmouseover="this.focus();this.select()"></span><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003333"><input type="text" value="#003333" onmouseover="this.focus();this.select()"></span><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#999999">
																	<input type="text" value="#999999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996633"><input type="text" value="#996633" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC66">
																	<input type="text" value="#99CC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_4">
							<h3>绿色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#009966"><input type="text" value="#009966" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF00">
																	<input type="text" value="#FFFF00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#9933CC">
																	<input type="text" value="#9933CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#99CC00"><input type="text" value="#99CC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336666">
																	<input type="text" value="#336666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF66"><input type="text" value="#FFFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336600">
																	<input type="text" value="#336600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#CC9900"><input type="text" value="#CC9900" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339966"><input type="text" value="#339966" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#6699CC">
																	<input type="text" value="#6699CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9933">
																	<input type="text" value="#CC9933" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#666633"><input type="text" value="#666633" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC66">
																	<input type="text" value="#CCCC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																	<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336666"><input type="text" value="#336666" onmouseover="this.focus();this.select()"></span><span style="background:#996633"><input type="text" value="#996633" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC33">
																	<input type="text" value="#CCCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003300"><input type="text" value="#003300" onmouseover="this.focus();this.select()"></span><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9900">
																	<input type="text" value="#FF9900" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#333300"><input type="text" value="#333300" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#663300"><input type="text" value="#663300" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC66">
																	<input type="text" value="#CCCC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003300">
																	<input type="text" value="#003300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_5">
							<h3>青绿色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#66CCCC">
																	<input type="text" value="#66CCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CC99"><input type="text" value="#66CC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#009999"><input type="text" value="#009999" onmouseover="this.focus();this.select()"></span><span style="background:#66CCCC"><input type="text" value="#66CCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFFF">
																	<input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CCCC"><input type="text" value="#66CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9933"><input type="text" value="#CC9933" onmouseover="this.focus();this.select()"></span><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC33">
																	<input type="text" value="#FFCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC00"><input type="text" value="#FFCC00" onmouseover="this.focus();this.select()"></span><span style="background:#009999"><input type="text" value="#009999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC3333">
																	<input type="text" value="#CC3333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669999"><input type="text" value="#669999" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span><span style="background:#666699"><input type="text" value="#666699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003333"><input type="text" value="#003333" onmouseover="this.focus();this.select()"></span><span style="background:#99CC99"><input type="text" value="#99CC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669999"><input type="text" value="#669999" onmouseover="this.focus();this.select()"></span><span style="background:#CCFFCC"><input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#996699">
																	<input type="text" value="#996699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#669999">
																	<input type="text" value="#669999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#339999">
																	<input type="text" value="#339999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336666"><input type="text" value="#336666" onmouseover="this.focus();this.select()"></span><span style="background:#669999"><input type="text" value="#669999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#669999">
																	<input type="text" value="#669999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663333"><input type="text" value="#663333" onmouseover="this.focus();this.select()"></span><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC66">
																	<input type="text" value="#CCCC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333333"><input type="text" value="#333333" onmouseover="this.focus();this.select()"></span><span style="background:#339999"><input type="text" value="#339999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFCC">
																	<input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336666"><input type="text" value="#336666" onmouseover="this.focus();this.select()"></span><span style="background:#3399CC"><input type="text" value="#3399CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_6">
							<h3>蓝色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#3399CC">
																	<input type="text" value="#3399CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCFFCC"><input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCCC">
																	<input type="text" value="#99CCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFF99">
																	<input type="text" value="#CCFF99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFFF">
																	<input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#6699CC">
																	<input type="text" value="#6699CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#3399CC">
																	<input type="text" value="#3399CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#6699CC"><input type="text" value="#6699CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#3399CC"><input type="text" value="#3399CC" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#6699CC"><input type="text" value="#6699CC" onmouseover="this.focus();this.select()"></span><span style="background:#006699"><input type="text" value="#006699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#006699">
																	<input type="text" value="#006699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_7">
							<h3>蓝紫色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333399">
																	<input type="text" value="#333399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#6666CC"><input type="text" value="#6666CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9999">
																	<input type="text" value="#FF9999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#9999FF"><input type="text" value="#9999FF" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0000FF"><input type="text" value="#0000FF" onmouseover="this.focus();this.select()"></span><span style="background:#6699FF"><input type="text" value="#6699FF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFFF">
																	<input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#6666FF"><input type="text" value="#6666FF" onmouseover="this.focus();this.select()"></span><span style="background:#66CCFF"><input type="text" value="#66CCFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFF66">
																	<input type="text" value="#CCFF66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669999"><input type="text" value="#669999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#6666CC">
																	<input type="text" value="#6666CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#9999CC"><input type="text" value="#9999CC" onmouseover="this.focus();this.select()"></span><span style="background:#FF9999"><input type="text" value="#FF9999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#6699CC">
																	<input type="text" value="#6699CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6666"><input type="text" value="#CC6666" onmouseover="this.focus();this.select()"></span><span style="background:#333399"><input type="text" value="#333399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#000066"><input type="text" value="#000066" onmouseover="this.focus();this.select()"></span><span style="background:#6666FF"><input type="text" value="#6666FF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333366"><input type="text" value="#333366" onmouseover="this.focus();this.select()"></span><span style="background:#CC0033"><input type="text" value="#CC0033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333300">
																	<input type="text" value="#333300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003399">
																	<input type="text" value="#003399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3333"><input type="text" value="#CC3333" onmouseover="this.focus();this.select()"></span><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003399">
																	<input type="text" value="#003399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333366"><input type="text" value="#333366" onmouseover="this.focus();this.select()"></span><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_8">
							<h3>紫色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#9999CC"><input type="text" value="#9999CC" onmouseover="this.focus();this.select()"></span><span style="background:#99CC99"><input type="text" value="#99CC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFFF">
																	<input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#9999CC"><input type="text" value="#9999CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FF99CC"><input type="text" value="#FF99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#660066"><input type="text" value="#660066" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663333">
																	<input type="text" value="#663333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span><span style="background:#333333"><input type="text" value="#333333" onmouseover="this.focus();this.select()"></span>
									<span style="background:#9966CC">
																	<input type="text" value="#9966CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663399">
																	<input type="text" value="#663399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996666"><input type="text" value="#996666" onmouseover="this.focus();this.select()"></span><span style="background:#CC99CC"><input type="text" value="#CC99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333399"><input type="text" value="#333399" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#9999CC"><input type="text" value="#9999CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#330033"><input type="text" value="#330033" onmouseover="this.focus();this.select()"></span><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#669999">
																	<input type="text" value="#669999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF33CC"><input type="text" value="#FF33CC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span>
									<span style="background:#330033">
																	<input type="text" value="#330033" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="hue_9">
							<h3>紫红色</h3>
							<blockquote></blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC00">
																	<input type="text" value="#99CC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF99CC"><input type="text" value="#FF99CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#993366">
																	<input type="text" value="#993366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CC99"><input type="text" value="#66CC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC6699">
																	<input type="text" value="#CC6699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span><span style="background:#993399"><input type="text" value="#993399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CCCC"><input type="text" value="#66CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF99CC"><input type="text" value="#FF99CC" onmouseover="this.focus();this.select()"></span><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FF99CC"><input type="text" value="#FF99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9999"><input type="text" value="#FF9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669966"><input type="text" value="#669966" onmouseover="this.focus();this.select()"></span><span style="background:#CC6699"><input type="text" value="#CC6699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCFF">
																	<input type="text" value="#FFCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CC99CC"><input type="text" value="#CC99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC3399">
																	<input type="text" value="#CC3399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3399"><input type="text" value="#CC3399" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF6666">
																	<input type="text" value="#FF6666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF3399"><input type="text" value="#FF3399" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC00"><input type="text" value="#FFCC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC0033">
																	<input type="text" value="#CC0033" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#006699">
																	<input type="text" value="#006699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999900"><input type="text" value="#999900" onmouseover="this.focus();this.select()"></span><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span>
									<span style="background:#009966">
																	<input type="text" value="#009966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
					</div>
					<div class="section bycharacter">
						<h2>按印象的搭配分类</h2>
						<blockquote>色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配，也要将印象作为重点的搭配分类列举出来，以供读者参考。</blockquote>
						<div class="sub-section" id="character_0">
							<h3>柔和、明亮、温柔 </h3>
							<blockquote>亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼，设计师一般会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																		<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																		<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																		<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																		<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFCC">
																		<input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFF99">
																		<input type="text" value="#CCFF99" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																		<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																		<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFFF">
																		<input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()">
																		</span>
								</div>
								<div class="group"><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCCC">
																		<input type="text" value="#99CCCC" onmouseover="this.focus();this.select()">
																		</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_1">
							<h3>柔和、洁净、爽朗 </h3>
							<blockquote>对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到，几乎每个组合都有白色参与。当然在实际设计时，可以用蓝绿相反色相的高亮度有彩色代替白色。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFF99">
																	<input type="text" value="#CCFF99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCFFCC"><input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#66CCCC">
																	<input type="text" value="#66CCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCCC">
																	<input type="text" value="#99CCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCFFCC"><input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#99CCCC"><input type="text" value="#99CCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFFCC">
																	<input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCFFFF"><input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CCFF"><input type="text" value="#66CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFFF">
																	<input type="text" value="#CCFFFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#6699CC"><input type="text" value="#6699CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCFF"><input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_2">
							<h3>可爱、快乐、有趣 </h3>
							<blockquote>可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩分辨度高。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#66CCCC"><input type="text" value="#66CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9999"><input type="text" value="#FF9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC99">
																	<input type="text" value="#FFCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF66"><input type="text" value="#FFFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC66">
																	<input type="text" value="#99CC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666699"><input type="text" value="#666699" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9999">
																	<input type="text" value="#FF9999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC00">
																	<input type="text" value="#FFCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF0033"><input type="text" value="#FF0033" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9966">
																	<input type="text" value="#FF9966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF00"><input type="text" value="#CCFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC3399">
																	<input type="text" value="#CC3399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF6600">
																	<input type="text" value="#FF6600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#993366"><input type="text" value="#993366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666633">
																	<input type="text" value="#666633" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CCCC"><input type="text" value="#66CCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_3">
							<h3>活泼、快乐、有趣 </h3>
							<blockquote>活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#0099CC">
																	<input type="text" value="#0099CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span><span style="background:#CC3399"><input type="text" value="#CC3399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC00">
																	<input type="text" value="#99CC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#3399CC">
																	<input type="text" value="#3399CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6600"><input type="text" value="#CC6600" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC33">
																	<input type="text" value="#CCCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#009933">
																	<input type="text" value="#009933" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF6666">
																	<input type="text" value="#FF6666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF6600"><input type="text" value="#FF6600" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF66"><input type="text" value="#FFFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#009966">
																	<input type="text" value="#009966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6633"><input type="text" value="#CC6633" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC6600">
																	<input type="text" value="#CC6600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC0066"><input type="text" value="#CC0066" onmouseover="this.focus();this.select()"></span><span style="background:#009999"><input type="text" value="#009999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC33">
																	<input type="text" value="#FFCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_4">
							<h3>运动型、轻快 </h3>
							<blockquote>运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#006699">
																	<input type="text" value="#006699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#0066CC">
																	<input type="text" value="#0066CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339933"><input type="text" value="#339933" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9900"><input type="text" value="#FF9900" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6600"><input type="text" value="#CC6600" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC44"><input type="text" value="#CCCC44" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#0099CC">
																	<input type="text" value="#0099CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCCC">
																	<input type="text" value="#99CCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF0033"><input type="text" value="#FF0033" onmouseover="this.focus();this.select()"></span><span style="background:#333399"><input type="text" value="#333399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#33CC99"><input type="text" value="#33CC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_5">
							<h3>轻快、华丽、动感 </h3>
							<blockquote>华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC00"><input type="text" value="#FFCC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC0033">
																	<input type="text" value="#CC0033" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC33"><input type="text" value="#FFCC33" onmouseover="this.focus();this.select()"></span><span style="background:#333399"><input type="text" value="#333399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF0033">
																	<input type="text" value="#FF0033" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666699"><input type="text" value="#666699" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF0033">
																	<input type="text" value="#FF0033" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF0033"><input type="text" value="#FF0033" onmouseover="this.focus();this.select()"></span><span style="background:#006699"><input type="text" value="#006699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF33">
																	<input type="text" value="#FFFF33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCC00"><input type="text" value="#FFCC00" onmouseover="this.focus();this.select()"></span><span style="background:#009999"><input type="text" value="#009999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC3366">
																	<input type="text" value="#CC3366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF0033"><input type="text" value="#FF0033" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#006699">
																	<input type="text" value="#006699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663399">
																	<input type="text" value="#663399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3333"><input type="text" value="#CC3333" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC00">
																	<input type="text" value="#99CC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF6600">
																	<input type="text" value="#FF6600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_6">
							<h3>狂野、充沛、动感 </h3>
							<blockquote>狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003399">
																	<input type="text" value="#003399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC0033"><input type="text" value="#CC0033" onmouseover="this.focus();this.select()"></span><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003399">
																	<input type="text" value="#003399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#F00000">
																	<input type="text" value="#F00000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3333"><input type="text" value="#CC3333" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC0033"><input type="text" value="#CC0033" onmouseover="this.focus();this.select()"></span><span style="background:#333333"><input type="text" value="#333333" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span><span style="background:#99CC00"><input type="text" value="#99CC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC0033">
																	<input type="text" value="#CC0033" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF0033"><input type="text" value="#FF0033" onmouseover="this.focus();this.select()"></span><span style="background:#333333"><input type="text" value="#333333" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9900">
																	<input type="text" value="#FF9900" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990066"><input type="text" value="#990066" onmouseover="this.focus();this.select()"></span><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span>
									<span style="background:#009966">
																	<input type="text" value="#009966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span><span style="background:#FF6600"><input type="text" value="#FF6600" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_7">
							<h3>华丽、花哨、女性化 </h3>
							<blockquote>女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span><span style="background:#993399"><input type="text" value="#993399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF6666"><input type="text" value="#FF6666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#339999">
																	<input type="text" value="#339999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF99CC"><input type="text" value="#FF99CC" onmouseover="this.focus();this.select()"></span><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFF00">
																	<input type="text" value="#CCFF00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#66CC99"><input type="text" value="#66CC99" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC6699">
																	<input type="text" value="#CC6699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3399"><input type="text" value="#CC3399" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF6666">
																	<input type="text" value="#FF6666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#993366">
																	<input type="text" value="#993366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6699"><input type="text" value="#CC6699" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF00"><input type="text" value="#FFFF00" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC6699"><input type="text" value="#CC6699" onmouseover="this.focus();this.select()"></span><span style="background:#99CC66"><input type="text" value="#99CC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF33CC"><input type="text" value="#FF33CC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3399"><input type="text" value="#CC3399" onmouseover="this.focus();this.select()"></span><span style="background:#FFCC99"><input type="text" value="#FFCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF6666">
																	<input type="text" value="#FF6666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_8">
							<h3>回味、女性化、优雅 </h3>
							<blockquote>优雅的感觉很奇特，色彩的饱和度一般要降下来。一般以蓝、红之间的相邻，调节亮度和饱和度进行搭配。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#CC99CC"><input type="text" value="#CC99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC3399">
																	<input type="text" value="#CC3399" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FF99CC"><input type="text" value="#FF99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC3399"><input type="text" value="#CC3399" onmouseover="this.focus();this.select()"></span><span style="background:#9933CC"><input type="text" value="#9933CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#9999CC"><input type="text" value="#9999CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9999"><input type="text" value="#FF9999" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF99CC">
																	<input type="text" value="#FF99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996666"><input type="text" value="#996666" onmouseover="this.focus();this.select()"></span><span style="background:#CC99CC"><input type="text" value="#CC99CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9999"><input type="text" value="#CC9999" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9999"><input type="text" value="#FF9999" onmouseover="this.focus();this.select()"></span><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCCCC">
																	<input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#FFCCCC"><input type="text" value="#FFCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_9">
							<h3>高尚、自然、安稳 </h3>
							<blockquote>高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9933">
																	<input type="text" value="#CC9933" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#669999">
																	<input type="text" value="#669999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#FF9966"><input type="text" value="#FF9966" onmouseover="this.focus();this.select()"></span><span style="background:#996600"><input type="text" value="#996600" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span><span style="background:#660033"><input type="text" value="#660033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC6600">
																	<input type="text" value="#CC6600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC00"><input type="text" value="#CCCC00" onmouseover="this.focus();this.select()"></span><span style="background:#666600"><input type="text" value="#666600" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9933"><input type="text" value="#CC9933" onmouseover="this.focus();this.select()"></span><span style="background:#009999"><input type="text" value="#009999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC33">
																	<input type="text" value="#FFCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999966"><input type="text" value="#999966" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#339999">
																	<input type="text" value="#339999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC99"><input type="text" value="#99CC99" onmouseover="this.focus();this.select()"></span><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336633">
																	<input type="text" value="#336633" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666633"><input type="text" value="#666633" onmouseover="this.focus();this.select()"></span><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9966">
																	<input type="text" value="#CC9966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#660000"><input type="text" value="#660000" onmouseover="this.focus();this.select()"></span><span style="background:#CC9900"><input type="text" value="#CC9900" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_10">
							<h3>冷静、自然 </h3>
							<blockquote>绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span><span style="background:#99CC99"><input type="text" value="#99CC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666600">
																	<input type="text" value="#666600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996633"><input type="text" value="#996633" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF99"><input type="text" value="#FFFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC66">
																	<input type="text" value="#99CC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006600"><input type="text" value="#006600" onmouseover="this.focus();this.select()"></span><span style="background:#66CC66"><input type="text" value="#66CC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFF99">
																	<input type="text" value="#CCFF99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666600"><input type="text" value="#666600" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCFFCC">
																	<input type="text" value="#CCFFCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663300">
																	<input type="text" value="#663300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666633"><input type="text" value="#666633" onmouseover="this.focus();this.select()"></span><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9966">
																	<input type="text" value="#CC9966" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003300"><input type="text" value="#003300" onmouseover="this.focus();this.select()"></span><span style="background:#669933"><input type="text" value="#669933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#663300"><input type="text" value="#663300" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC66">
																	<input type="text" value="#CCCC66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666600"><input type="text" value="#666600" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#999999">
																	<input type="text" value="#999999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span><span style="background:#333300"><input type="text" value="#333300" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_11">
							<h3>传统、高雅、优雅 </h3>
							<blockquote>传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9999">
																	<input type="text" value="#CC9999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span><span style="background:#333333"><input type="text" value="#333333" onmouseover="this.focus();this.select()"></span>
									<span style="background:#9966CC">
																	<input type="text" value="#9966CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC9999">
																	<input type="text" value="#CC9999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#669999">
																	<input type="text" value="#669999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#339966"><input type="text" value="#339966" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#996699">
																	<input type="text" value="#996699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996699"><input type="text" value="#996699" onmouseover="this.focus();this.select()"></span><span style="background:#9999CC"><input type="text" value="#9999CC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCFF">
																	<input type="text" value="#CCCCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663300">
																	<input type="text" value="#663300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_12">
							<h3>传统、稳重、古典 </h3>
							<blockquote>传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符合成熟的审美。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#6699CC"><input type="text" value="#6699CC" onmouseover="this.focus();this.select()"></span><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC99">
																	<input type="text" value="#CCCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FF9900">
																	<input type="text" value="#FF9900" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666699"><input type="text" value="#666699" onmouseover="this.focus();this.select()"></span><span style="background:#660033"><input type="text" value="#660033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CC99">
																	<input type="text" value="#99CC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663300"><input type="text" value="#663300" onmouseover="this.focus();this.select()"></span><span style="background:#FF9933"><input type="text" value="#FF9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFFF66">
																	<input type="text" value="#FFFF66" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span><span style="background:#006633"><input type="text" value="#006633" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC00">
																	<input type="text" value="#CCCC00" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#660033"><input type="text" value="#660033" onmouseover="this.focus();this.select()"></span><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#660099">
																	<input type="text" value="#660099" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#993366"><input type="text" value="#993366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666633">
																	<input type="text" value="#666633" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#996600"><input type="text" value="#996600" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666600">
																	<input type="text" value="#666600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#009933"><input type="text" value="#009933" onmouseover="this.focus();this.select()"></span><span style="background:#CC9900"><input type="text" value="#CC9900" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666633"><input type="text" value="#666633" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC3366">
																	<input type="text" value="#CC3366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_13">
							<h3>忠厚、稳重、有品位 </h3>
							<blockquote>亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span><span style="background:#CC9933"><input type="text" value="#CC9933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336666">
																	<input type="text" value="#336666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336666"><input type="text" value="#336666" onmouseover="this.focus();this.select()"></span><span style="background:#996633"><input type="text" value="#996633" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCC33">
																	<input type="text" value="#CCCC33" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336633"><input type="text" value="#336633" onmouseover="this.focus();this.select()"></span><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#FFCC99">
																	<input type="text" value="#FFCC99" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333366"><input type="text" value="#333366" onmouseover="this.focus();this.select()"></span><span style="background:#669999"><input type="text" value="#669999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#996600">
																	<input type="text" value="#996600" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#993333"><input type="text" value="#993333" onmouseover="this.focus();this.select()"></span><span style="background:#CC9966"><input type="text" value="#CC9966" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003300">
																	<input type="text" value="#003300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336633"><input type="text" value="#336633" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC99"><input type="text" value="#CCCC99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333366">
																	<input type="text" value="#333366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663300"><input type="text" value="#663300" onmouseover="this.focus();this.select()"></span><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#663366"><input type="text" value="#663366" onmouseover="this.focus();this.select()"></span><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333366">
																	<input type="text" value="#333366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999900"><input type="text" value="#999900" onmouseover="this.focus();this.select()"></span><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CC99CC">
																	<input type="text" value="#CC99CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#333366"><input type="text" value="#333366" onmouseover="this.focus();this.select()"></span><span style="background:#990033"><input type="text" value="#990033" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_14">
							<h3>简单、洁净、进步 </h3>
							<blockquote>简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。而进步的印象可以多用蓝色，搭配低饱和甚至灰色。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCC33"><input type="text" value="#CCCC33" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099FF"><input type="text" value="#0099FF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFCC"><input type="text" value="#FFFFCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666699">
																	<input type="text" value="#666699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#99CCFF">
																	<input type="text" value="#99CCFF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF66"><input type="text" value="#CCFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#3399CC"><input type="text" value="#3399CC" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#CCCCCC">
																	<input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#ABCDEF"><input type="text" value="#ABCDEF" onmouseover="this.focus();this.select()"></span><span style="background:#ABCDEF"><input type="text" value="#ABCDEF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#ABCDEF">
																	<input type="text" value="#ABCDEF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_15">
							<h3>简单、时尚、高雅 </h3>
							<blockquote>灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#99CCFF"><input type="text" value="#99CCFF" onmouseover="this.focus();this.select()"></span><span style="background:#FFFF66"><input type="text" value="#FFFF66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#336666"><input type="text" value="#336666" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#999999">
																	<input type="text" value="#999999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#0099CC"><input type="text" value="#0099CC" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336666">
																	<input type="text" value="#336666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#663366">
																	<input type="text" value="#663366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#6699CC">
																	<input type="text" value="#6699CC" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span><span style="background:#FFFFFF"><input type="text" value="#FFFFFF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333366">
																	<input type="text" value="#333366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#669999"><input type="text" value="#669999" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#666666">
																	<input type="text" value="#666666" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#ABCDEF"><input type="text" value="#ABCDEF" onmouseover="this.focus();this.select()"></span><span style="background:#ABCDEF"><input type="text" value="#ABCDEF" onmouseover="this.focus();this.select()"></span>
									<span style="background:#ABCDEF">
																	<input type="text" value="#ABCDEF" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
						<div class="sub-section" id="character_16">
							<h3>简单、进步、时尚 </h3>
							<blockquote>表现进步的色彩主要以蓝色为主，搭配灰色。而色彩的明度统一、色相相邻，在色彩上会显得简洁。</blockquote>
							<div class="groups">
								<div class="group"><span style="background:#333366"><input type="text" value="#333366" onmouseover="this.focus();this.select()"></span><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#336699">
																	<input type="text" value="#336699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span>
									<span style="background:#669999">
																	<input type="text" value="#669999" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003399"><input type="text" value="#003399" onmouseover="this.focus();this.select()"></span><span style="background:#CCFF99"><input type="text" value="#CCFF99" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999933"><input type="text" value="#999933" onmouseover="this.focus();this.select()"></span><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#666666"><input type="text" value="#666666" onmouseover="this.focus();this.select()"></span><span style="background:#99CC33"><input type="text" value="#99CC33" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span><span style="background:#336699"><input type="text" value="#336699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333333">
																	<input type="text" value="#333333" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#3366CC"><input type="text" value="#3366CC" onmouseover="this.focus();this.select()"></span><span style="background:#CCCC66"><input type="text" value="#CCCC66" onmouseover="this.focus();this.select()"></span>
									<span style="background:#333300">
																	<input type="text" value="#333300" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#6699CC"><input type="text" value="#6699CC" onmouseover="this.focus();this.select()"></span><span style="background:#006699"><input type="text" value="#006699" onmouseover="this.focus();this.select()"></span>
									<span style="background:#000000">
																	<input type="text" value="#000000" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#003366"><input type="text" value="#003366" onmouseover="this.focus();this.select()"></span><span style="background:#CCCCCC"><input type="text" value="#CCCCCC" onmouseover="this.focus();this.select()"></span>
									<span style="background:#006699">
																	<input type="text" value="#006699" onmouseover="this.focus();this.select()">
																	</span>
								</div>
								<div class="group"><span style="background:#000000"><input type="text" value="#000000" onmouseover="this.focus();this.select()"></span><span style="background:#999999"><input type="text" value="#999999" onmouseover="this.focus();this.select()"></span>
									<span style="background:#003366">
																	<input type="text" value="#003366" onmouseover="this.focus();this.select()">
																	</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<br />
				<div class="margin">
					<!--PC和WAP自适应版-->
					<div id="SOHUCS" sid="pintuer-tools-setcolor"></div>
					
				</div>
			</div>
			<div class="x2">
				<div class="dialog open margin padding fixed" style="width: 200px;height:380px;margin-left: 5px;z-index: 8;top:300px;overflow-y: auto;" data-style="fixed-top" data-offset-fixed="170">
					<ul class="list-group border-green">
						<li class="bg-green"><strong>按色相的搭配分类</strong></li>
						<li><a href="../#hue_0">红色</a></li>
						<li><a href="../#hue_1">橙色</a></li>
						<li><a href="../#hue_2">黄色</a></li>
						<li><a href="../#hue_3">黄绿色</a></li>
						<li><a href="../#hue_4">绿色</a></li>
						<li><a href="../#hue_5">青绿色</a></li>
						<li><a href="../#hue_6">蓝色</a></li>
						<li><a href="../#hue_7">蓝紫色</a></li>
						<li><a href="../#hue_8">紫色</a></li>
						<li><a href="../#hue_9">紫红色</a></li>
						<li class="bg-green"><strong>按印象的搭配分类</strong></li>
						<li><a href="../#character_0">柔和、明亮、温柔 </a></li>
						<li><a href="../#character_1">柔和、洁净、爽朗 </a></li>
						<li><a href="../#character_2">可爱、快乐、有趣 </a></li>
						<li><a href="../#character_3">活泼、快乐、有趣 </a></li>
						<li><a href="../#character_4">运动型、轻快 </a></li>
						<li><a href="../#character_5">轻快、华丽、动感 </a></li>
						<li><a href="../#character_6">狂野、充沛、动感 </a></li>
						<li><a href="../#character_7">华丽、花哨、女性化 </a></li>
						<li><a href="../#character_8">回味、女性化、优雅 </a></li>
						<li><a href="../#character_9">高尚、自然、安稳 </a></li>
						<li><a href="../#character_10">冷静、自然 </a></li>
						<li><a href="../#character_11">传统、高雅、优雅 </a></li>
						<li><a href="../#character_12">传统、稳重、古典 </a></li>
						<li><a href="../#character_13">忠厚、稳重、有品位 </a></li>
						<li><a href="../#character_14">简单、洁净、进步 </a></li>
						<li><a href="../#character_15">简单、时尚、高雅 </a></li>
						<li><a href="../#character_16">简单、进步、时尚 </a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--底部-->
		<br />
		<br />
		<div class="layout bg-black bg-inverse">
			<div class="container">
				<div class="navbar">
					<div class="navbar-head">
						<button class="button bg-gray icon-navicon" data-target="#navbar-footer"></button>
						<a href="../http://www.pintuer.com" target="_blank">
							<img class="logo" src="images/24-white.png" alt="拼图前端CSS框架" />
						</a>
					</div>
					<div class="navbar-body nav-navicon" id="Div1">
						<div class="navbar-text navbar-left hidden-s hidden-l">
							版权所有 &copy; <a href="../http://www.pintuer.com" target="_blank">Pintuer.com</a> All Rights Reserved
						</div>
						<ul class="nav nav-inline navbar-right">
							<li><a href="../http://www.pintuer.com">首页</a></li>
							<li>
								<a href="../http://www.pintuer.com">
                                CSS
                            </a>
							</li>
							<li><a href="../http://www.pintuer.com">元件</a></li>
							<li>
								<a href="../http://www.pintuer.com">更多</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="doc-backtop win-backtop icon-arrow-circle-up"></div>
		<script>
			$(function() {});
		</script>
	</body>

</html>
